<?php
require("inc/common.inc.php");
$web_title="首页";
?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1" name="viewport">
<title><?php echo $webdb['vpp_jigoucode'];?></title>
<meta name="searchtitle" content="<?php echo $webdb['description'];?>">
<meta name="description" content="<?php echo $webdb['description'];?>">
<meta name="keywords" content="<?php echo $webdb['metakeywords'];?>">
<meta content="application/xhtml+xml;charset=UTF-8" http-equiv="Content-Type">
<meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
<meta content="no-cache" http-equiv="pragma">
<meta content="0" http-equiv="expires">
<meta content="telephone=no, address=no" name="format-detection">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta name="apple-mobile-web-app-capable" content="yes" /> <!-- apple devices fullscreen -->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<style type="text/css">
.music {top: 10px;left:10px;position: fixed;z-index: 9999;width:10%;}
.music img{width:100%;}
</style>
</head>
<body id="body_bg">
<?php require("w_head.php")?>
<div>
  <audio id="audio1" style="width:25%;display:none;" controls></audio>
</div>
<div>
<input type="hidden" id="audioFile" value="/music/music.mp3" size="60" />

</div>
<div class="music">
  <img id="playbutton" src="/images/music-play.png" onclick="togglePlay();" />
</div>
     <script type="text/javascript">
     window.onload=function(){togglePlay();}
       //  Alternates between play and pause based on the value of the paused property
       function togglePlay() {
         if (document.getElementById("audio1")) {
           var audioElm = document.getElementById("audio1");
           if (audioElm.paused == true) {
             playAudio(audioElm);    //  if player is paused, then play the file
           } else {
             pauseAudio(audioElm);   //  if player is playing, then pause
           }
         }
       }

       function playAudio(audioElm) {
         // Get file from text box and assign it to the source of the audio element
         var hover = audioElm.src;
         if(!hover){ 
          audioElm.src = document.getElementById('audioFile').value;
         }
         if(audioElm.src){
         	audioElm.play();
         	document.getElementById("playbutton").setAttribute('src','/images/music-pause.png'); // Set button text == Pause
         	document.getElementById("playbutton").setAttribute('title','暂停');
         }
       }

       function pauseAudio(audioElm) {
         audioElm.pause();
         document.getElementById("playbutton").setAttribute('src','/images/music-play.png'); // Set button text == Play
         document.getElementById("playbutton").setAttribute('title','开始');
       }
     </script>
<!--首页导航nav-->
<div id="ly_nav">
<?php $brs=$db->excu("select * from mx_vpp_articleclass where class=1 and fup=0");
	$count = 0;
	if ($db->num_rows($brs)){
?>
	<ul>
	<?php
		while ($brsdb=$db->fetch_array($brs)){
		$count++;
		if($count%4==0){
	?>
	<li style="margin-right:0;">
	<?php 
		}else{
	?>
	<li>
	<?php 
		}
	?>
	<a href="/article.php?id=<?php echo $brsdb["fid"]?>&fromwxopenid=<?php echo $wxmxopenid?>"><div class="nav_img"><img src="<?php echo get_photourl($brsdb['picurl']);?>" /></div><h2><?php echo $brsdb["name"]?></h2></a></li>
	<?php
		}
	?>
	</ul>
	<?php
	}
	?>
	
<!--     <ul> -->
    
<!--         <li> -->
<!--             <a href="#"> -->
<!--                 <div class="nav_img"><img src="images/nav1.png" /></div> -->
<!--                 <h2>院店简介</h2> -->
<!--             </a> -->
<!--         </li> -->
<!--         <li> -->
<!--             <a href="applyVip.php"> -->
<!--                 <div class="nav_img"><img src="images/nav2.png" /></div> -->
<!--                 <h2>申请会员</h2> -->
<!--             </a> -->
<!--         </li> -->
<!--         <li> -->
<!--             <a href="#"> -->
<!--                 <div class="nav_img"><img src="images/nav3.png" /></div> -->
<!--                 <h2>预约服务</h2> -->
<!--             </a> -->
<!--         </li> -->
<!--  		<li style="margin-right:0;">-->
<!--             <a href="#"> -->
<!--                 <div class="nav_img"><img src="images/nav4.png" /></div> -->
<!--                 <h2>服务评价</h2> -->
<!--             </a> -->
<!--         </li> -->
<!--         <li> -->
<!--             <a href="shopliebiao.html"> -->
<!--                 <div class="nav_img"><img src="images/nav5.png" /></div> -->
<!--                 <h2>产品商城</h2> -->
<!--             </a> -->
<!--         </li> -->
<!--         <li> -->
<!--             <a href="user.html"> -->
<!--                 <div class="nav_img"><img src="images/nav6.png" /></div> -->
<!--                 <h2>会员抽奖</h2> -->
<!--             </a> -->
<!--         </li> -->
<!--         <li> -->
<!--             <a href="points.php"> -->
<!--                 <div class="nav_img"><img src="images/nav7.png" /></div> -->
<!--                 <h2>积分兑换</h2> -->
<!--             </a> -->
<!--         </li> -->
<!--  		<li style="margin-right:0;">-->
<!--             <a href="#"> -->
<!--                 <div class="nav_img"><img src="images/nav8.png" /></div> -->
<!--                 <h2>护发常识</h2> -->
<!--             </a> -->
<!--         </li> -->
<!--     </ul> -->
</div>
<!--首页导航nav end-->

<!--特价区area-->
<div id="ly_area"><a href="#"><img src="images/area.jpg" /></a></div>
<!--特价区area end-->

<!--版权-->
<div class="ly_copy">Copyright&copy;2014&nbsp;&nbsp;艺峰造型美发版权所有</div>
<!--版权end-->
<?php $fenxiang_hide = 1;require("w_foot.php")?>